<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <base target="_blank">
</head>
<body>
    <!-- 注释快捷键（添加和删除）：ctrl+/ -->
     <!-- 1、标题标签 -->
      <a href="#bottom">跳到底部</a>
      <h1 id="bt1">标题1</h1>
      <h2>标题2</h2>
      <h3>标题3</h3>
      <h4>标题4</h4>
      <h5>标题5</h5>
      <h6>标题6</h6>
      <!-- 2、段落标签P -->
       <p>段落1</p>
       <p>段落2</p>
       <p>段落3</p>
       <!-- 3、水平线 -->
        <hr>
        <hr width="500" color="green" size="5" align="right">
        <!-- 4、换行标签 -->
         哈<br>哈<br>哈<br>哈哈<br>哈哈<br>
        <!-- 5、加粗 -->
         <b>酷酷酷</b>
         <strong>啦啦啦</strong><br>
         <!-- 6、斜体/倾斜 -->
          <i>哇哇哇</i>
          <em>噗噗噗</em><br>
          <!-- 7、删除线 -->
           <s>通天塔</s>
           <del>哦哦哦</del><br>
           <!-- 8、下划线 -->
            <u>u下划线</u>
            <ins>ins下划线</ins><br>
            <!-- 9、上标 -->
             2<sup>5</sup><br>
             <!-- 10、下标 -->
              log<sub>3</sub><br>
              <!-- 11、图像标签
                src：图片从哪里来 
              -->
            <img src="../course/img/猫猫.jpg" alt="cat" title="zzz" width="200" border="2 soild green"><br>
            <!-- 12、超链接a
                href:要到哪里去 
            -->
                <!-- 内部链接 -->
            <a href="./链接页面.html" target="_blank">这里写链接文字</a><br>
            <!-- 空链接 -->
             <a href="#">不知道去哪里</a><br>
             <!-- 外部链接 -->
             <a href="https://www.baidu.com/">百度一下</a><br>
             <!-- 图像链接 -->
              <a href="https://www.bilibili.com/">
                <img src="../course/img/猫猫.jpg" width="100">
              </a><br>
            <!-- 13、锚链接 -->
             <a href="#bt1" id="bottom">跳到顶部</a><br>
            <a href="./链接页面.html#db" target="_blank">跳到另一个页面底部</a><br>
            <!-- 14、特殊字符 -->
             &lt;
             <!-- 15、路径 -->
              <img src="../course/img/猫猫.jpg" alt=""><br>
              <!-- 16、div和span标签 -->
               <div>div是:一行中显示一个，块级标签</div><br>
               <div>div是:一行中显示一个，块级标签</div><br>
               <span>span是：行级标签，</span>
</body>
</html>